@charset "euc-kr";

/* Depth menu
.gnb3Depthwarp{ position: absolute; left: 0; top: 121px; width: 100%; height: 31px; background: #9933cc; z-index: 9; }
.gnb3Depth { height: 27px; margin: 1px !important; border: 1px solid  #cc99cc; }
.gnb3Depth ul { overflow: hidden; zoom:1; margin: auto; padding: 4px 0 0 225px; width: 995px; }
.gnb3Depth ul li { float:left; margin-right: 23px; }
*/

/* depthLayer */
.depthLayer { display: none; position: absolute; left: 0; top: 121px; width: 100%; height: 49px; background:url("../images/common/depthLayer_bg.png") repeat-x; z-index: 9; }
.depthLayerCon { margin-top: 1px; }
.depthLayerCon .conBox { position:relative; width: 995px; height: 27px; margin: auto; }
.gnb3Depth .depthLayerCon ul,
.gnb4Depth .depthLayerCon ul { overflow: hidden; zoom:1; position: absolute; width: 995px; padding-top: 14px;}
.gnb3Depth .depthLayerCon ul { left: 112px;}
.gnb4Depth .depthLayerCon ul { left: 252px }
.depthLayerCon ul li { float:left; margin-right: 23px; padding-right:22px; background:url("../images/common/divideLine.gif") no-repeat right center;}
.depthLayerCon ul li.last {padding-right:0; background:none}

/* container */
.visualArea {overflow: hidden; float: left; position: relative; padding-top: 45px; width: 711px; height: 395px; border-right: 1px solid #d3d3d3; }
.loanMainSlide {position: relative; overflow: hidden; width: 712px; height: 395px;}
.loanMainSlide .items {overflow: hidden; zoom:1 ; position: absolute; width: 9999em; z-index: 5;}
.visualArea .slideArea {float: left; position: relative; overflow: hidden; zoom: 1; width: 712px; height: 395px; }
.visualArea .visualTxt01 { margin-bottom: 13px; font-size: 14px; color: #666; font-weight: bold; }
.visualArea h2 { margin-bottom: 23px; font-size: 28px; color: #8d42a6;  font-weight: bold; }
.visualArea h2 span { color: #333; }
.visualArea .visualTxt02 { margin-bottom: 20px; font-size: 12px; font-weight: bold; color:#aeadad; }
.visualArea .btnRequest { position: absolute; left: 0; bottom: 44px; }
.slideArea .visualBottomtxt { position: absolute; clear: both; left: 5px; bottom: 15px; color: #666; font-size: 11px; }
.slideBtn { overflow: hidden; zoom: 1; position: absolute; right: 10px; top: 15px; z-index: 8; padding:30px 30px 30px 100px; background: #fff;}
.slideBtn a { display: inline-block; float: left; margin-right: 8px; font-size: 0; width: 11px; height: 11px; background: url("../images/main/btn_slideBtn.gif") no-repeat left 0;}
.slideBtn a:hover {cursor: pointer;}
.slideBtn .current { width:auto; padding-left: 15px;background-position: left -11px; }
.slideBtn .current span { font-size: 11px; font-weight: bold; color: #8d42a6; }

/* detailNum */
.detailNum {
	position: absolute;
	left: 0;
	top: 150px;
}
.detailNum * {vertical-align: middle;}
.detailNum strong {margin-right: 5px;}
.detailNum div {margin-bottom: 18px;}
.detailNum em {
	display: inline-block;
	overflow: hidden;
	font-size: 0;
	text-indent: -999em;
}
.detailNum .numSpan {
	display: inline-block;
	font-size: 0;
	width: 23px;
	height: 34px;
	background-repeat: no-repeat;
	background-image: url("../images/main/txt_spanNum.png");
}
.detailNum .numBgDot {width: 7px;}
.numBg1 {background-position: 0 0;}
.numBg2 {background-position: -23px 0;}
.numBg3 {background-position: -46px 0;}
.numBg4 {background-position: -69px 0;}
.numBg5 {background-position: -92px 0;}
.numBg6 {background-position: -115px 0;}
.numBg7 {background-position: -138px 0;}
.numBg8 {background-position: -161px 0;}
.numBg9 {background-position: -184px 0;}
.numBg0 {background-position: -207px 0;}
.numBgDot {background-position: -230px 0;}

.visualArea .productImage { float:right; }
.mainSectionborder { overflow:hidden; zoom: 1; border-top: 1px solid #d3d3d3; background: url("../images/main/bg_loanGraydot1.gif") no-repeat -1350px 115px; }
.mainSectionborder div { margin: auto; }  
.sectionwrap { overflow: hidden; width: 995px; margin:auto; }
.mainSectionwrap { float:left; /*margin: auto;*/ width: 712px; }
.mainSectionTop { overflow:hidden; border-bottom: 1px solid #d3d3d3; }
.mainSection { float: left; height: 115px; border-right: 1px solid #d3d3d3; }
.eStock { float: left; padding: 40px 29px; width: 225px; height: 360px; background:url("../images/main/bg_eStock.gif") no-repeat left top; }
.eStock h2 { margin-bottom: 48px; }
.eStock ul li { margin-bottom: 15px; padding-left: 10px; background:url("../images/main/blt_estock.gif") no-repeat left 5px; }
.stockNotice { position: relative; float:left; width: 225px; padding: 29px 29px 15px 29px; }
/*
.callNum { position: relative; width: 225px; height: 58px; padding: 20px 29px 38px 29px; }
.callNum p { margin-top: 8px; }
.callNum p:first-child { margin-top: 0; }
*/
.stockNotice h2 { margin-bottom: 20px; }
.stockNotice ul li { display: inline-block; margin-bottom: 6px; }
.stockNotice ul li a { width: 200px; }
.stockNotice ul li:first-child { margin-top: 0; }
.stockNotice .noticeMore {  position: absolute; right: 46px; top: 35px; }

/* footer */
#footer { border-top: 1px solid #bcbcbc; background: url("../images/main/bg_footerLine.gif") repeat-x left top; }
.footerCon { 
	width: 995px; 
	margin: 0 auto; 
}
.footerMenu {
	float: right;
	position: relative;
	width: 254px;
	_height: expression( this.scrollHeight < 231 ? "230px" : "auto" );
	min-height: 210px;
	padding-bottom: 20px;
	padding-left: 29px;
	border-left: 1px solid #c1c1c1;
}
.siteMapSectionWrap,
.siteMapSection { 
	float: left; 
	width: 142px; 
	_width: 139px; 
	_height: expression( this.scrollHeight < 231 ? "230px" : "auto" ); 
	min-height: 190px; 
	padding-top: 40px; 
	font-size: 11px; 
	line-height: 1.7; 
}
.siteMapSectionWrap .siteMapSection { 
	padding-top: 0; 
	_height: expression( this.scrollHeight < 91 ? "90px" : "auto" ); 
	min-height: 90px; 
}
.siteMapSection h3 { 
	margin-bottom: 20px; 
	font-size: 11px; 
	font-weight: bold; 
	}
.siteMapSection a {color: #909090;}
.siteMapSection a:hover,
.siteMapSection a:focus {color: #333;}
.siteMapSection img {vertical-align: -1px;}
.footerMenu .address { margin: 42px 0 24px 0; }
.footerMenu .address li { float: none; }
.footerMenu ul { 
	overflow: hidden;
	zoom: 1; 
	font-size: 11px; 
	margin-bottom: 25px; 
}
.footerMenu li { 
	float: left; 
	height: 18px; 
	margin-bottom: 5px; 
	}
.familySiteWrap { 
	overflow: hidden; 
	zoom: 1; 
	margin-top: 23px; 
}
.familySiteWrap p {float: left;}
.familySiteBtn { 
	float: left; display: inline; 
	height: 17px; 
	margin-left: 15px; 
	padding: 0 45px 0 7px; 
	border:1px solid #c9c9c9; 
	color: #a1a1a1 !important; 
	font-size: 11px; 
	line-height: 1.8;  
	background: url("../images/main/bg_familySiteBtn.gif") no-repeat 95px 7px;
}
.familySiteWrap ul {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	width: 107px;
	padding: 10px 0 5px;
	border: 1px solid #c9c9c9;
	border-bottom: 0;
	color: #a1a1a1;
	line-height: 1.3;
	background-color: #fff;
}
.familySiteWrap ul a {
	color: #a1a1a1 !important;
	letter-spacing: -1px;
}
.familySiteWrap ul a:hover {
	color: #333 !important;
	text-decoration: underline;
}
.familySiteWrap li {
	width: 100%;
	height: 13px;
	margin: 1px 0 1px;
	text-indent: 7px;
}

/* footerCon2 */
.footerCon2 { 
	width: 995px; 
	margin: 0 auto; 
}
.footerCon2 .siteMapSection { 
	float: left; 
	width: 110px; 
	_width: 139px; 
	_height: expression( this.scrollHeight < 231 ? "230px" : "auto" ); 
	min-height: 230px; 
	padding-top: 40px; 
	font-size: 11px; 
	line-height: 1.7; 
}
.footerCon2 .siteMapSection { 
	_height: expression( this.scrollHeight < 91 ? "90px" : "auto" ); 
	min-height: 90px; 
}

.footerCon2 .footerMenu { 
	float: right; 
	position: relative; 
	width: 508px; 
	_height: expression( this.scrollHeight < 231 ? "230px" : "auto" ); 
	min-height: 230px; 
	padding: 40px 0 20px 0; 
	border-left: 0;
}
.footerCon2 .footerMenu .bankBox { float: left; margin-bottom: 35px; }
.footerCon2 .footerMenu .privacyMenu li {
	float: left;
	height: 13px;
	margin-left: 6px;
	margin-bottom: 0;
	padding-left: 6px;
	letter-spacing: -1px;
	background: url("../images/main/bg_footerMenu_li.gif") no-repeat left 1px;
}
.footerCon2 .footerMenu .privacyMenu li:first-child,
.footerCon2 .footerMenu .privacyMenu .firstChild {
	margin-left: 0;
	padding-left: 0;
	background: none;
}
.footerCon2 .footerMenu .address { margin: 42px 0 24px 0; }
.footerCon2 .footerMenu .address li { float: none; }
.footerCon2 .footerMenu ul { 
	overflow: hidden;
	zoom: 1; 
	font-size: 11px; 
	margin-bottom: 9px;
}
.footerCon2 .footerMenu li { 
	float: left; 
	height: 18px; 
	margin-bottom: 5px; 
	}

.footerCon2 .familySitearea { clear:both; }

.footerCon2 .familySiteWrap { 
	overflow: hidden; 
	zoom: 1; 
	margin-top: 12px; 
}

.footerCon2 .familySiteWrap .familySiteBtn { float:right; }